<template>
  <el-tree 
  :data="data" 
  :props="defaultProps"
  @node-click="handleNodeClick">
  </el-tree>
</template>

<script>
  export default {
    data() {
      return {
        data: [
          {
            title: '一级 1',
            list: [{
              title: '二级 1-1',
              list: [{
                title: '三级 1-1-1'
              }]
            }]
          }
        ],
        defaultProps: {
          children: 'list',
          label: 'title'
        }
      };
    },
    methods: {
      // 共三个参数，
      // 依次为：
      //   - 传递给 data 属性的数组中该节点所对应的对象
      //   - 节点对应的 Node
      //   - 节点组件本身
      handleNodeClick(data, node, com) {
        console.log(data, node, com);
      }
    }
  };
</script>